<template>
    <div class="component-search">
        <div class="search-box">
            <img src="../assets/search.svg">
            <span>搜索</span>
        </div>
    </div>
</template>

<style lang="less" scoped>

    @import '../style/variable';

    .component-search{
        background-color: @color-bg-gray;
        padding: .8rem .9rem;
        .search-box{
            text-align: center;
            font-size: 0;
            background-color: @color-white;
            border-radius: .3rem;
            color: @color-text-light-gray;

            img{
                height: 1.5rem;
                margin: .65rem .6rem;
                vertical-align: middle;
            }
            span{
                line-height: 2.8rem;
                font-size: 1.5rem;
                display: inline-block;
                vertical-align: middle;
            }
        }
    }
</style>